$theme-color: #0071c5;

.container {
	// background: #fff5a5;
}
button:after {
	display: none;
}
.page-fff {
	min-height: 100vh;
	background-color: #fff;
}
.fixed-buttom {
	position: fixed;
	width: 700rpx;
	padding: 20rpx 25rpx 30rpx;
	bottom: 0rpx;
	background: #ffffff;
}
page {
	background: #f7f7f7;
	color: #333;
	font-size: 28rpx;
}
.shadow_wrap {
	box-shadow: #dcdcdc 0upx 0upx 40upx 1upx;
}

.black_wrap {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 99;
}
.clear {
	clear: both;
}
/* 省略号 */

.ellipsis {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.ellipsis_2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/* 1upx边框 */

.border_top {
	border-top: #ebebeb solid 1upx;
}
.border_bottom {
	border-bottom: #ebebeb solid 1upx;
}
.flex-row-gap {
	row-gap: 10rpx;
}
.flex-row-gap-15 {
	row-gap: 15rpx;
}
.flex-row-gap-20 {
	row-gap: 20rpx;
}
.flex-col-gap {
	column-gap: 10rpx;
}
.flex-col-gap-15 {
	column-gap: 15rpx;
}
.flex-col-gap-20 {
	column-gap: 20rpx;
}
.flex-t {
	display: flex;
	align-items: flex-start;
}
.flex-r {
	display: flex;
	justify-content: flex-end;
}
.flex-lr {
	display: flex;
	justify-content: space-between;
}
.flex-lr-t {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.flex-lr-c {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.flex-cc {
	display: flex;
	justify-content: center;
	align-items: center;
}
.flex-c {
	display: flex;
	justify-content: center;
}
.flex-align {
	display: flex;
	align-items: center;
}
.flex {
	display: flex;
}
.pad-lr-20 {
	padding: 0 20upx;
}

.pad-lr-30 {
	padding: 0 30upx;
}

.pad-tb-20 {
	padding: 20upx 0;
}

.pad-tb-30 {
	padding: 30upx 0;
}

.pad-tb-10 {
	padding: 10upx 0;
}

.pad-10 {
	padding: 10upx;
}
.pad-20 {
	padding: 20upx;
}

.pad-25 {
	padding: 25upx;
}
.pad-10-20 {
	padding: 10upx 20upx;
}
.pad-30 {
	padding: 30upx;
}
.pad-b-110 {
	padding-bottom: 110rpx;
}
.mar-20 {
	margin: 20rpx;
}
.mar-30 {
	margin: 30rpx;
}
.mar-t-100 {
	margin-top: 100upx !important;
}
.mar-t-120 {
	margin-top: 120upx;
}
.mar-t-7 {
	margin-top: 7upx;
}
.mar-t-10 {
	margin-top: 10upx;
}
.mar-t-15 {
	margin-top: 15upx;
}
.mar-t-15 {
	margin-top: 15upx;
}
.mar-t-20 {
	margin-top: 20upx;
}
.mar-t-25 {
	margin-top: 25upx;
}
.mar-t-30 {
	margin-top: 30upx;
}
.mar-t-60 {
	margin-top: 60upx;
}
.mar-b-10 {
	margin-bottom: 10upx;
}

.mar-b-20 {
	margin-bottom: 20upx;
}

.mar-b-30 {
	margin-bottom: 30upx;
}
.pad-b-20 {
	padding-bottom: 20upx;
}

.pad-b-30 {
	padding-bottom: 30upx;
}
.mar-l-5 {
	margin-left: 5upx;
}
.mar-l-10 {
	margin-left: 10upx;
}

.mar-l-20 {
	margin-left: 20upx;
}

.mar-l-30 {
	margin-left: 30upx;
}
.mar-l-50 {
	margin-left: 50upx;
}
.mar-l-100 {
	margin-left: 100upx;
}
.mar-r-10 {
	margin-right: 10upx;
}

.mar-r-20 {
	margin-right: 20upx;
}

.mar-r-30 {
	margin-right: 30upx;
}
.mar-lr-30 {
	margin-left: 30upx;
	margin-right: 30upx;
}
.mar-l-4 {
	margin-left: 4upx;
}
.mar-tb-10 {
	margin-top: 10upx;
	margin-bottom: 10upx;
}
.mar-tb-20 {
	margin-top: 20upx;
	margin-bottom: 20upx;
}
.bor-radius {
	border-radius: 20upx;
	overflow: hidden;
}

.f-28 {
	font-size: 28upx;
}

.f-26 {
	font-size: 26upx;
}

.f-24 {
	font-size: 24upx;
}

.f-22 {
	font-size: 22upx;
}
.f-20 {
	font-size: 20upx;
}
.f-16 {
	font-size: 16upx;
}
.f-30 {
	font-size: 30upx;
}

.f-32 {
	font-size: 32upx;
}

.f-34 {
	font-size: 34upx;
}

.f-36 {
	font-size: 36upx;
}
.f-40 {
	font-size: 40upx;
}
.f-42 {
	font-size: 42upx;
}
.color-1 {
	color: #101d37;
}
.color-3 {
	color: #333;
}

.color-6 {
	color: #666;
}

.color-9 {
	color: #999;
}
.color-c {
	color: #ccc;
}
.color-red {
	color: #fe7c7e;
}

.color-orange {
	color: #ff4f19;
}
.color-green {
	color: #2ac14a;
}
.color-blue {
	color: #5fa6fd;
}
.color-theme {
	color: $theme-color;
}

.color-fff {
	color: #fff;
}

.bg-fff {
	background: #fff;
}
.bg-red {
	background: #fe7c7e;
}
.bg-gray {
	background: #f7f7f7;
}
.align-c {
	text-align: center;
}

.align-r {
	text-align: right;
}

.block-fixed-b {
	position: fixed;
	bottom: 0;
	width: 100%;
	background: #fff;
	box-sizing: border-box;
	box-shadow: 0upx 0upx 20upx 0upx rgba(170, 169, 169, 0.35);
	z-index: 66;
}

.bg-img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.bold {
	font-weight: 700;
}

.line-h-2 {
	line-height: 2;
}

.line-h-16 {
	line-height: 1.6;
}

.line-h-18 {
	line-height: 1.8;
}

.line-h-14 {
	line-height: 1.4;
}
.line {
	text-decoration: line-through;
	text-decoration-line: line-through;
}

.inline {
	display: inline !important;
}

.flex-0 {
	flex-shrink: 0;
}
.flex-grow {
	flex-grow: 1;
}
.flex-b {
	justify-content: flex-end;
}
.block {
	display: block;
}
.bg-blue {
	background: #0493ff !important;
}
.bg-theme {
	background: $theme-color !important;
}
.bg-green {
	background: #3fd83b;
}

.arrow {
	width: 14rpx;
	height: 24rpx;
	transform: rotate(90deg);
}
.flex-wrap {
	display: flex;
	flex-wrap: wrap;
}
.flex-shrink {
	flex-shrink: 0;
}
.flex-col {
	display: flex;
	flex-direction: column;
}
.z-index {
	position: relative;
	z-index: 22;
}
.pad-t-10 {
	padding-top: 10rpx;
}
.pad-t-20 {
	padding-top: 20rpx;
}
.pad-t-30 {
	padding-top: 30rpx;
}
.pad-l-0 {
	padding-left: 0rpx !important;
}
.pad-l-30 {
	padding-left: 30rpx;
}
.pad-20-30 {
	padding: 20upx 30upx;
}
.pad-25-30 {
	padding: 25upx 30upx;
}
.pad-lr-60 {
	padding-left: 60upx;
	padding-right: 60upx;
}
